<%--
  Created by IntelliJ IDEA.
  User: zhao
  Date: 17-1-10
  Time: 下午6:13
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<%@ page isELIgnored="false" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>湖南理工学院校友总会后台管理系统</title>
    <script type="text/javascript" src="${pageContext.request.contextPath}/resource/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/resource/easyui/jquery.easyui.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resource/easyui/themes/default/easyui.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resource/easyui/themes/icon.css">

    <script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/resource/ueditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/resource/ueditor/ueditor.all.min.js"> </script>

    <script type="text/javascript" src="${pageContext.request.contextPath}/resource/jquery.form.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/resource/js/common.js"></script>
    <style type="text/css">
        .container {
            padding-right: 0px;
            padding-right: 0px;
        }
    </style>
    <script type="text/javascript">
        $(function () {
            /*构建导航树*/
            $('#tabs').tabs({
                fit:true
            });
            $('#tree').tree({
                url:'${pageContext.request.contextPath}/resource/json/adminTree.json',
                onClick:function (node) {

                    //点击节点在中心窗口打开tab
                    console.log(node);
                    var url = node.attributes.url;
                    //create tab
                    createTabOnCenter(node.text, url);
                }
            });

        })
    </script>
</head>
<body style="background-image:url('${pageContext.request.contextPath}/resource/img/bgimg.jpg')">

<div id="cc" class="easyui-layout" data-options="fit:true" style="width:600px;height:400px;">
    <div data-options="region:'north',split:true" style="height:100px;text-align: center" >
        <img style="max-height: 70px;max-height: 70px" src="${pageContext.request.contextPath}/resource/img/logo.jpg">
        <span style="font-size: 50px; text-align-all: center;   ">湖南理工学院校友总会后台管理系统</span>
    </div>
    <div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div>

    <div id="east" data-options="region:'east',iconCls:'icon-reload',title:'操作窗口',split:true" style="width:40%;"></div>


    <!--后台管理导航栏-->
    <div data-options="region:'west',title:'导航栏',split:true" style="width: 180px">
        <div id="tree"></div>
    </div>
    <!--中心窗口-->
    <div id="center" data-options="region:'center',title:'控制中心'" style="padding:0;margin:0;background:#eee;">
        <!--tabs-->
        <div id="tabs">

        </div>
    </div>
</div>
</body>
</html>